/* SimpleCaddy css for Show cart
Commented-out are background colors
If you activate these lines, you can easily identify each element in the cart
*/

.sc_cart {
	margin-left: 2px;
	margin-right: 2px;
	width: auto;
/*	background-color: silver;*/
}
.selectItalic{
	font-style:italic;
}
.cartheading {
	font-weight: bold;	
	font-size:larger; 
}

.code_col {
	clear: both;
	float: left;
	margin-top: 2px;
	margin-bottom:2px;
	padding-top: 2px;
	height: 30px;
	width: 60px;
	display: inline;
	vertical-align: middle;
/*	background-color: green;*/
}

.desc_col {
	float: left;
	margin-top: 2px;
	margin-bottom:2px;
	padding-top: 2px;
	height: 30px;
	width: 220px;
	display: inline;
	vertical-align: middle;
/*	background-color: orange;*/
}

.price_col {
	float: left;
	margin-top: 2px;
	margin-bottom:2px;
	padding-top: 2px;
	height: 30px;
	width: 80px;
	text-align: right;
	display: inline;
	vertical-align: middle;
/*	background-color: yellow;*/
}

.qty_col {
	float: left;
	margin-top: 2px;
	margin-bottom:2px;
	padding-top: 2px;
	height: 30px;
	width: 80px;
	text-align:center;
	display: inline;
	vertical-align: middle;
/*	background-color: red;*/
}

.total_col {
	float: left;
	margin-top: 2px;
	margin-bottom:2px;
	padding-top: 2px;
	height: 30px;
	width: 90px;
	text-align: right;
	display: inline;
	vertical-align: middle;
/*	background-color: aqua;*/
}

.actions_col {
	float: left;
	margin-top: 2px;
	padding-left: 1px;
	padding-top: 2px;
	height: 30px;
	width: 150px;
	display: inline;
	vertical-align: middle;
/*	background-color: gray;*/
}

.tax_col {
	margin-top: 2px;
	margin-bottom:2px;
	padding-top: 2px;
	height: 30px;
	width: 400px;
	display: inline;
	vertical-align: middle;
/*	background-color: yellow;*/
}

.fill_col {
	clear: both;
	margin-top: 2px;
	margin-bottom:2px;
	height: 30px;
	width:530px;
	font-size: larger;
	font-weight: bold;
	display: block;
/*	background-color: purple;*/
}

.fill_col_total {
	clear: left;
	display:block;
	margin-top: 20px;
	margin-bottom:2px;
	height: 30px;
	width:530px;
	font-size: larger;
	font-weight: bold;
/*	background-color: fuchsia;*/
}

.cartactions {
	clear:both;
	margin-top: 2px;
	margin-bottom:2px;
	padding-top: 0px;
	height: 30px;
	width: 100%;
/*	background-color: blue;*/
}

.text_left {
	float:left;
	display: inline;
	padding-top: 2px;
/*	background-color: yellow;*/
}

.text_right {
	float: right;
	padding-top: 2px;
	display: inline;
	height: 30px;
	text-align: right;
/*	background-color: red;*/
}

.voucher {
/*	background-color: red; */
	width:200px;
}

.voucherinfo {
	display: inline-block;
	font-size:smaller;
	font-weight: lighter;
	width: 150px;
/*	background-color: yellow;*/
}

/* buttons at the bottom of the cart display */
.btncshopping {
	
}

.btnemptycart {
	
}

.btnorder {
	
}

.btnconfirm {
	
}

.btnshowcart {
	
}

/* buttons at the right of the cart */
.btnchange {
	clear:both;
	float: left;
	margin-top: 0px;
	width:63px;
	display: inline;
}

.btnremove {
	float: left;
	margin-top: 0px;
	display: inline;
	width: 63px;
}


